TypeScript க்ட்டமைவு: TSConfig Compiler விருப்பங்களை மாஸ்டரிங் செய்தல்

tsconfig.json கோப்பு எந்த TypeScript திட்டத்திற்கும் இதயம் போன்றது. இது TypeScript compiler (tsc) உங்கள் .ts கோப்புகளை எவ்வாறு JavaScript ஆக மாற்றுகிறது என்பதைக் குறிப்பிடுகிறது. நன்கு கட்டமைக்கப்பட்ட tsconfig.json கோப்பு, குறியீட்டு தரத்தை பராமரிக்கவும், வெவ்வேறு சூழல்களில் இணக்கத்தன்மையை உறுதிப்படுத்தவும், உருவாக்கும் செயல்முறையை மேம்படுத்தவும் மிக முக்கியமானது. இந்த விரிவான வழிகாட்டி மேம்பட்ட tsconfig.json விருப்பங்களுக்குள் ஆழமாகச் செல்கிறது, இது உங்கள் TypeScript திட்டங்களை உச்ச செயல்திறன் மற்றும் பராமரிப்புக்காக நன்றாக மாற்றியமைக்க உங்களுக்கு அதிகாரம் அளிக்கிறது.

அடிப்படைகளைப் புரிந்துகொள்வது: ஏன் TSConfig முக்கியமானது

மேம்பட்ட விருப்பங்களுக்குள் நுழைவதற்கு முன், tsconfig.json ஏன் மிகவும் முக்கியமானது என்பதை மறுபரிசீலனை செய்வோம்:

• தொகுப்பு கட்டுப்பாடு: இது உங்கள் திட்டத்தில் சேர்க்கப்பட வேண்டிய கோப்புகள் மற்றும் அவை எவ்வாறு தொகுக்கப்பட வேண்டும் என்பதைக் குறிப்பிடுகிறது.
• வகை சரிபார்ப்பு: இது வகை சரிபார்ப்பின் விதிகள் மற்றும் கடுமையைத் தீர்மானிக்கிறது, இது மேம்பாட்டு சுழற்சியின் ஆரம்பத்தில் பிழைகளை கண்டறிய உதவுகிறது.
• வெளியீட்டு கட்டுப்பாடு: இது இலக்கு JavaScript பதிப்பு, தொகுதி அமைப்பு மற்றும் வெளியீட்டு கோப்பகத்தைத் தீர்மானிக்கிறது.
• IDE ஒருங்கிணைப்பு: இது IDE களுக்கு (VS Code, WebStorm போன்றவை) குறியீடு நிறைவு, பிழை சிறப்பித்தல் மற்றும் மறுசீரமைப்பு போன்ற அம்சங்களுக்காக மதிப்புமிக்க தகவல்களை வழங்குகிறது.

tsconfig.json கோப்பு இல்லாமல், TypeScript compiler இயல்புநிலை அமைப்புகளைப் பயன்படுத்தும், இது எல்லா திட்டங்களுக்கும் பொருத்தமானதாக இருக்காது. இது எதிர்பாராத நடத்தை, பொருந்தக்கூடிய சிக்கல்கள் மற்றும் குறைவான சிறந்த மேம்பாட்டு அனுபவத்திற்கு வழிவகுக்கும்.

உங்கள் TSConfig ஐ உருவாக்குதல்: ஒரு விரைவான தொடக்கம்

tsconfig.json கோப்பை உருவாக்க, உங்கள் திட்டத்தின் ரூட் கோப்பகத்தில் பின்வரும் கட்டளையை இயக்கவும்:

            tsc --init
            

              
                Copy
              
            
          

இது சில பொதுவான விருப்பங்களுடன் அடிப்படை tsconfig.json கோப்பை உருவாக்கும். உங்கள் திட்டத்தின் குறிப்பிட்ட தேவைகளைப் பூர்த்தி செய்ய நீங்கள் இந்த கோப்பைத் தனிப்பயனாக்கலாம்.

முக்கிய Compiler விருப்பங்கள்: ஒரு விரிவான கண்ணோட்டம்

tsconfig.json கோப்பில் compilerOptions ஆப்ஜெக்ட் உள்ளது, அங்கு TypeScript compiler ஐ கட்டமைக்கிறீர்கள். மிக முக்கியமான மற்றும் பொதுவாகப் பயன்படுத்தப்படும் சில விருப்பங்களை ஆராய்வோம்:

target

இந்த விருப்பம் தொகுக்கப்பட்ட JavaScript குறியீட்டிற்கான ECMAScript இலக்கு பதிப்பை குறிப்பிடுகிறது. இது இலக்கு சூழலுடன் (எ.கா., உலாவிகள், Node.js) இணக்கத்தன்மையை உறுதிசெய்து, compiler எந்த JavaScript அம்சங்களைப் பயன்படுத்தும் என்பதைத் தீர்மானிக்கிறது. பொதுவான மதிப்புகளில் ES5, ES6 (ES2015), ES2017, ES2018, ES2019, ES2020, ES2021, ES2022, ESNext ஆகியவை அடங்கும். ESNext ஐப் பயன்படுத்துவது சமீபத்திய ஆதரவு ECMAScript அம்சங்களை இலக்காகக் கொள்ளும்.

உதாரணம்:

            "compilerOptions": {
  "target": "ES2020"
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு ECMAScript 2020 உடன் இணக்கமான JavaScript குறியீட்டை உருவாக்க compiler க்கு அறிவுறுத்தும்.

module

இந்த விருப்பம் தொகுக்கப்பட்ட JavaScript குறியீட்டில் பயன்படுத்தப்பட வேண்டிய தொகுதி அமைப்பை குறிப்பிடுகிறது. பொதுவான மதிப்புகளில் CommonJS, AMD, System, UMD, ES6 (ES2015), ES2020 மற்றும் ESNext ஆகியவை அடங்கும். தொகுதி அமைப்பின் தேர்வு இலக்கு சூழல் மற்றும் பயன்படுத்தப்படும் தொகுதி ஏற்றுபொருளைப் பொறுத்தது (எ.கா., Node.js, Webpack, Browserify).

உதாரணம்:

            "compilerOptions": {
  "module": "CommonJS"
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு Node.js திட்டங்களுக்கு ஏற்றது, இது பொதுவாக CommonJS தொகுதி அமைப்பைப் பயன்படுத்துகிறது.

lib

இந்த விருப்பம் தொகுப்பு செயல்பாட்டில் சேர்க்கப்பட வேண்டிய நூலக கோப்புகளின் தொகுப்பை குறிப்பிடுகிறது. இந்த நூலக கோப்புகள் உள்ளமைக்கப்பட்ட JavaScript API கள் மற்றும் உலாவி API க்கான வகை வரையறைகளை வழங்குகின்றன. பொதுவான மதிப்புகளில் ES5, ES6, ES7, DOM, WebWorker, ScriptHost மற்றும் பல உள்ளன.

உதாரணம்:

            "compilerOptions": {
  "lib": ["ES2020", "DOM"]
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு ECMAScript 2020 மற்றும் DOM API க்கான வகை வரையறைகளை உள்ளடக்கியது, இது உலாவி அடிப்படையிலான திட்டங்களுக்கு அவசியம்.

allowJs

இந்த விருப்பம் TypeScript compiler ஐ TypeScript கோப்புகளுடன் JavaScript கோப்புகளை தொகுக்க அனுமதிக்கிறது. JavaScript திட்டத்தை TypeScript க்கு மாற்றும்போது அல்லது ஏற்கனவே உள்ள JavaScript குறியீட்டு தளங்களுடன் பணிபுரியும் போது இது பயனுள்ளதாக இருக்கும்.

உதாரணம்:

            "compilerOptions": {
  "allowJs": true
}
            

              
                Copy
              
            
          

இந்த விருப்பம் இயக்கப்பட்டதுடன், compiler .ts மற்றும் .js கோப்புகள் இரண்டையும் செயலாக்கும்.

checkJs

இந்த விருப்பம் JavaScript கோப்புகளுக்கு வகை சரிபார்ப்பை செயல்படுத்துகிறது. allowJs உடன் இணைந்து, இது உங்கள் JavaScript குறியீட்டில் சாத்தியமான வகை பிழைகளை அடையாளம் காண TypeScript ஐ அனுமதிக்கிறது.

உதாரணம்:

            "compilerOptions": {
  "allowJs": true,
  "checkJs": true
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு TypeScript மற்றும் JavaScript கோப்புகளுக்கு வகை சரிபார்ப்பை வழங்குகிறது.

jsx

இந்த விருப்பம் JSX தொடரியல் (React மற்றும் பிற கட்டமைப்புகளில் பயன்படுத்தப்படுகிறது) எவ்வாறு மாற்றப்பட வேண்டும் என்பதைக் குறிப்பிடுகிறது. பொதுவான மதிப்புகளில் preserve, react, react-native மற்றும் react-jsx ஆகியவை அடங்கும். preserve JSX தொடரியலை அப்படியே விட்டுவிடுகிறது, react அதை React.createElement அழைப்புகளாக மாற்றுகிறது, react-native React Native மேம்பாட்டிற்கானது மற்றும் react-jsx அதை JSX தொழிற்சாலை செயல்பாடுகளாக மாற்றுகிறது. react-jsxdev மேம்பாட்டு நோக்கங்களுக்காக உள்ளது.

உதாரணம்:

            "compilerOptions": {
  "jsx": "react"
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு React திட்டங்களுக்கு ஏற்றது, JSX ஐ React.createElement அழைப்புகளாக மாற்றுகிறது.

declaration

இந்த விருப்பம் உங்கள் TypeScript குறியீட்டிற்கான அறிவிப்பு கோப்புகளை (.d.ts) உருவாக்குகிறது. அறிவிப்பு கோப்புகள் உங்கள் குறியீட்டிற்கான வகை தகவலை வழங்குகின்றன, மற்ற TypeScript திட்டங்கள் அல்லது JavaScript திட்டங்கள் உங்கள் குறியீட்டை சரியான வகை சரிபார்ப்புடன் பயன்படுத்த அனுமதிக்கின்றன.

உதாரணம்:

            "compilerOptions": {
  "declaration": true
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு தொகுக்கப்பட்ட JavaScript கோப்புகளுடன் .d.ts கோப்புகளை உருவாக்கும்.

declarationMap

இந்த விருப்பம் உருவாக்கப்பட்ட அறிவிப்பு கோப்புகளுக்கான மூல வரைபட கோப்புகளை (.d.ts.map) உருவாக்குகிறது. அறிவிப்பு கோப்புகளுடன் பணிபுரியும் போது பிழைகாட்டி மற்றும் பிற கருவிகள் அசல் TypeScript மூல குறியீட்டிற்கு திரும்பச் செல்ல மூல வரைபடங்கள் அனுமதிக்கின்றன.

உதாரணம்:

            "compilerOptions": {
  "declaration": true,
  "declarationMap": true
}
            

              
                Copy
              
            
          

sourceMap

இந்த விருப்பம் தொகுக்கப்பட்ட JavaScript குறியீட்டிற்கான மூல வரைபட கோப்புகளை (.js.map) உருவாக்குகிறது. உலாவி அல்லது பிற சூழல்களில் பிழைத்திருத்தம் செய்யும் போது அசல் TypeScript மூல குறியீட்டிற்கு திரும்பச் செல்ல பிழைகாட்டி மற்றும் பிற கருவிகள் மூல வரைபடங்கள் அனுமதிக்கின்றன.

உதாரணம்:

            "compilerOptions": {
  "sourceMap": true
}
            

              
                Copy
              
            
          

outFile

இந்த விருப்பம் அனைத்து வெளியீட்டு கோப்புகளையும் ஒரு கோப்பில் இணைத்து வெளியிடுகிறது. இது பொதுவாக உலாவி அடிப்படையிலான பயன்பாடுகளுக்கான குறியீட்டை தொகுக்க பயன்படுகிறது.

உதாரணம்:

            "compilerOptions": {
  "outFile": "dist/bundle.js"
}
            

              
                Copy
              
            
          

outDir

இந்த விருப்பம் தொகுக்கப்பட்ட JavaScript கோப்புகளுக்கான வெளியீட்டு கோப்பகத்தைக் குறிப்பிடுகிறது. குறிப்பிடப்படவில்லை எனில், compiler வெளியீட்டு கோப்புகளை மூல கோப்புகளைப் போலவே அதே கோப்பகத்தில் வைக்கும்.

உதாரணம்:

            "compilerOptions": {
  "outDir": "dist"
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு தொகுக்கப்பட்ட JavaScript கோப்புகளை dist கோப்பகத்தில் வைக்கும்.

rootDir

இந்த விருப்பம் TypeScript திட்டத்தின் ரூட் கோப்பகத்தைக் குறிப்பிடுகிறது. தொகுதி பெயர்களைத் தீர்க்கவும், வெளியீட்டு கோப்பு பாதைகளை உருவாக்கவும் compiler இந்தக் கோப்பகத்தைப் பயன்படுத்துகிறது. இது சிக்கலான திட்ட கட்டமைப்புகளுக்கு மிகவும் பயனுள்ளதாக இருக்கும்.

உதாரணம்:

            "compilerOptions": {
  "rootDir": "src"
}
            

              
                Copy
              
            
          

removeComments

இந்த விருப்பம் தொகுக்கப்பட்ட JavaScript குறியீட்டிலிருந்து கருத்துகளை நீக்குகிறது. இது வெளியீட்டு கோப்புகளின் அளவைக் குறைக்க உதவும்.

உதாரணம்:

            "compilerOptions": {
  "removeComments": true
}
            

              
                Copy
              
            
          

noEmitOnError

இந்த விருப்பம் ஏதேனும் வகை பிழைகள் கண்டறியப்பட்டால் JavaScript கோப்புகளை வெளியிடுவதிலிருந்து compiler ஐத் தடுக்கிறது. இது சரியான குறியீடு மட்டுமே உருவாக்கப்படுவதை உறுதி செய்கிறது.

உதாரணம்:

            "compilerOptions": {
  "noEmitOnError": true
}
            

              
                Copy
              
            
          

strict

இந்த விருப்பம் அனைத்து கண்டிப்பான வகை சரிபார்ப்பு விருப்பங்களையும் செயல்படுத்துகிறது. சாத்தியமான பிழைகளைப் பிடிக்கவும், சிறந்த நடைமுறைகளை செயல்படுத்தவும் இது புதிய திட்டங்களுக்கு மிகவும் பரிந்துரைக்கப்படுகிறது.

உதாரணம்:

            "compilerOptions": {
  "strict": true
}
            

              
                Copy
              
            
          

கண்டிப்பான பயன்முறையை இயக்குவது பின்வரும் விருப்பங்களை இயக்குவதற்கு சமம்:

• noImplicitAny
• noImplicitThis
• alwaysStrict
• strictNullChecks
• strictFunctionTypes
• strictBindCallApply
• noImplicitReturns
• noFallthroughCasesInSwitch

esModuleInterop

இந்த விருப்பம் CommonJS மற்றும் ES தொகுதிகளுக்கு இடையே ஒன்றோடொன்று செயல்பட உதவுகிறது. ES தொகுதிகளில் CommonJS தொகுதிகளை இறக்குமதி செய்யவும், நேர்மாறாகவும் இது உங்களை அனுமதிக்கிறது.

உதாரணம்:

            "compilerOptions": {
  "esModuleInterop": true
}
            

              
                Copy
              
            
          

forceConsistentCasingInFileNames

இந்த விருப்பம் கோப்பு பெயர்களில் நிலையான கேசிங்கை செயல்படுத்துகிறது. சில இயக்க முறைமைகள் கேஸ்-சென்சிடிவ்வாக இருப்பதால், இது கிராஸ்-பிளாட்ஃபார்ம் இணக்கத்தன்மைக்கு முக்கியமானது, மற்றவை இல்லை.

உதாரணம்:

            "compilerOptions": {
  "forceConsistentCasingInFileNames": true
}
            

              
                Copy
              
            
          

baseUrl மற்றும் paths

இந்த விருப்பங்கள் தொகுதி தீர்மானத்தை கட்டமைக்க உங்களை அனுமதிக்கின்றன. உறவினர் அல்லாத தொகுதி பெயர்களைத் தீர்ப்பதற்கான அடிப்படை கோப்பகத்தை baseUrl குறிப்பிடுகிறது, மேலும் தனிப்பயன் தொகுதி புனைப்பெயர்களை வரையறுக்க paths உங்களை அனுமதிக்கிறது.

உதாரணம்:

            "compilerOptions": {
  "baseUrl": ".",
  "paths": {
    "@components/*": ["src/components/*"],
    "@utils/*": ["src/utils/*"]
  }
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு @components/MyComponent மற்றும் @utils/myFunction போன்ற புனைப்பெயர்களைப் பயன்படுத்தி தொகுதிகளை இறக்குமதி செய்ய உங்களை அனுமதிக்கிறது.

மேம்பட்ட கட்டமைப்பு: அடிப்படைகளுக்கு அப்பால்

இப்போது, உங்கள் TypeScript மேம்பாட்டு அனுபவத்தை மேலும் மேம்படுத்தக்கூடிய சில மேம்பட்ட tsconfig.json விருப்பங்களை ஆராய்வோம்.

பெருகிவரும் தொகுப்பு

TypeScript பெருகிவரும் தொகுப்பை ஆதரிக்கிறது, இது பெரிய திட்டங்களுக்கான உருவாக்க செயல்முறையை கணிசமாக துரிதப்படுத்தும். பெருகிவரும் தொகுப்பை இயக்க, incremental விருப்பத்தை true ஆக அமைத்து, tsBuildInfoFile விருப்பத்தைக் குறிப்பிடவும்.

உதாரணம்:

            "compilerOptions": {
  "incremental": true,
  "tsBuildInfoFile": ".tsbuildinfo"
}
            

              
                Copy
              
            
          

tsBuildInfoFile விருப்பம் compiler உருவாக்க தகவல்களை சேமிக்கும் கோப்பை குறிப்பிடுகிறது. அடுத்தடுத்த உருவாக்கங்களின் போது எந்த கோப்புகளை மீண்டும் தொகுக்க வேண்டும் என்பதை தீர்மானிக்க இந்த தகவல் பயன்படுத்தப்படுகிறது.

திட்ட குறிப்புகள்

திட்ட குறிப்புகள் உங்கள் குறியீட்டை சிறிய, நிர்வகிக்கக்கூடிய திட்டங்களாக கட்டமைக்க உங்களை அனுமதிக்கின்றன. இது பெரிய குறியீட்டு தளங்களுக்கான உருவாக்க நேரங்களையும் குறியீடு அமைப்பையும் மேம்படுத்தலாம். இந்த கருத்துக்கு ஒரு நல்ல ஒப்புமை மைக்ரோசர்வீஸ் கட்டமைப்பு - ஒவ்வொரு சேவையும் சுயாதீனமானது, ஆனால் சுற்றுச்சூழல் அமைப்பில் உள்ள மற்றவற்றை நம்பியுள்ளது.

திட்ட குறிப்புகளைப் பயன்படுத்த, ஒவ்வொரு திட்டத்திற்கும் தனி tsconfig.json கோப்பை உருவாக்க வேண்டும். பின்னர், பிரதான tsconfig.json கோப்பில், references விருப்பத்தைப் பயன்படுத்தி குறிப்பிடப்பட வேண்டிய திட்டங்களைக் குறிப்பிடலாம்.

உதாரணம்:

            {
  "compilerOptions": {
    ...
  },
  "references": [
    { "path": "./project1" },
    { "path": "./project2" }
  ]
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு தற்போதைய திட்டம் ./project1 மற்றும் ./project2 கோப்பகங்களில் அமைந்துள்ள திட்டங்களைச் சார்ந்துள்ளது என்று குறிப்பிடுகிறது.

தனிப்பயன் டிரான்ஸ்ஃபார்மர்கள்

தனிப்பயன் டிரான்ஸ்ஃபார்மர்கள் TypeScript compiler இன் வெளியீட்டை மாற்ற உங்களை அனுமதிக்கின்றன. தனிப்பயன் குறியீடு மாற்றங்களைச் சேர்ப்பது, பயன்படுத்தப்படாத குறியீட்டை அகற்றுவது அல்லது குறிப்பிட்ட சூழல்களுக்கான வெளியீட்டை மேம்படுத்துவது போன்ற பல்வேறு நோக்கங்களுக்காக இது பயன்படுத்தப்படலாம். அவை பொதுவாக i18n சர்வதேசமயமாக்கல் மற்றும் உள்ளூர்மயமாக்கல் பணிகளுக்குப் பயன்படுத்தப்படுகின்றன.

தனிப்பயன் டிரான்ஸ்ஃபார்மர்களைப் பயன்படுத்த, compiler ஆல் அழைக்கப்படும் ஒரு செயல்பாட்டை ஏற்றுமதி செய்யும் தனி JavaScript கோப்பை உருவாக்க வேண்டும். பின்னர், tsconfig.json கோப்பில் உள்ள plugins விருப்பத்தைப் பயன்படுத்தி டிரான்ஸ்ஃபார்மர் கோப்பைக் குறிப்பிடலாம்.

உதாரணம்:

            {
  "compilerOptions": {
    ...
    "plugins": [
      { "transform": "./transformer.js" }
    ]
  }
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு ./transformer.js கோப்பு தனிப்பயன் டிரான்ஸ்ஃபார்மராக பயன்படுத்தப்பட வேண்டும் என்று குறிப்பிடுகிறது.

கோப்புகள், சேர்த்தல் மற்றும் விலக்கு

compilerOptions க்கு அப்பால், tsconfig.json இல் உள்ள பிற ரூட்-லெவல் விருப்பங்கள் தொகுப்பு செயல்பாட்டில் எந்த கோப்புகள் சேர்க்கப்பட்டுள்ளன என்பதைக் கட்டுப்படுத்துகின்றன:

• files: தொகுப்பில் சேர்க்க வேண்டிய கோப்பு பாதைகளின் வரிசை.
• include: சேர்க்க வேண்டிய கோப்புகளைக் குறிப்பிடும் குளோப் வடிவங்களின் வரிசை.
• exclude: விலக்க வேண்டிய கோப்புகளைக் குறிப்பிடும் குளோப் வடிவங்களின் வரிசை.

இந்த விருப்பங்கள் TypeScript compiler ஆல் செயலாக்கப்படும் கோப்புகள் மீது சிறந்த கட்டுப்பாட்டை வழங்குகின்றன. உதாரணமாக, சோதனை கோப்புகள் அல்லது உருவாக்கப்பட்ட குறியீட்டை தொகுப்பு செயல்பாட்டில் இருந்து விலக்கலாம்.

உதாரணம்:

            {
  "compilerOptions": { ... },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist", "**/*.spec.ts"]
}
            

              
                Copy
              
            
          

இந்த கட்டமைப்பு src கோப்பகத்தில் உள்ள அனைத்து கோப்புகளையும் அதன் துணை கோப்பகங்களையும் உள்ளடக்கியது, அதே நேரத்தில் node_modules மற்றும் dist கோப்பகங்களில் உள்ள கோப்புகளையும், .spec.ts நீட்டிப்புடன் கூடிய எந்த கோப்புகளையும் (பொதுவாக யூனிட் சோதனைகளுக்குப் பயன்படுத்தப்படுகிறது) விலக்குகிறது.

குறிப்பிட்ட காட்சிகளுக்கான Compiler விருப்பங்கள்

சிறந்த முடிவுகளை அடைய வெவ்வேறு திட்டங்களுக்கு வெவ்வேறு compiler அமைப்புகள் தேவைப்படலாம். சில குறிப்பிட்ட காட்சிகளையும், ஒவ்வொன்றிற்கும் பரிந்துரைக்கப்பட்ட compiler அமைப்புகளையும் பார்ப்போம்.

வலை பயன்பாட்டு மேம்பாடு

வலை பயன்பாட்டு மேம்பாட்டிற்கு, நீங்கள் பொதுவாக பின்வரும் compiler அமைப்புகளைப் பயன்படுத்த விரும்புவீர்கள்:

            {
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "moduleResolution": "Node",
    "jsx": "react-jsx",
    "esModuleInterop": true,
    "strict": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "sourceMap": true,
    "outDir": "dist"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}
            

              
                Copy
              
            
          

இந்த அமைப்புகள் React அல்லது பிற ஒத்த கட்டமைப்புகளைப் பயன்படுத்தும் நவீன வலை பயன்பாடுகளுக்கு ஏற்றவை. அவை சமீபத்திய ECMAScript அம்சங்களை இலக்காகக் கொண்டுள்ளன, ES தொகுதிகளைப் பயன்படுத்துகின்றன மற்றும் கண்டிப்பான வகை சரிபார்ப்பை செயல்படுத்துகின்றன.

Node.js பின்தள மேம்பாடு

Node.js பின்தள மேம்பாட்டிற்கு, நீங்கள் பொதுவாக பின்வரும் compiler அமைப்புகளைப் பயன்படுத்த விரும்புவீர்கள்:

            {
  "compilerOptions": {
    "target": "ESNext",
    "module": "CommonJS",
    "esModuleInterop": true,
    "strict": true,
    "sourceMap": true,
    "outDir": "dist",
    "resolveJsonModule": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}
            

              
                Copy
              
            
          

இந்த அமைப்புகள் CommonJS தொகுதி அமைப்பைப் பயன்படுத்தும் Node.js பயன்பாடுகளுக்கு ஏற்றவை. அவை சமீபத்திய ECMAScript அம்சங்களை இலக்காகக் கொண்டுள்ளன, கண்டிப்பான வகை சரிபார்ப்பை செயல்படுத்துகின்றன மற்றும் JSON கோப்புகளை தொகுதிகளாக இறக்குமதி செய்ய உங்களை அனுமதிக்கின்றன.

நூலக மேம்பாடு

நூலக மேம்பாட்டிற்கு, நீங்கள் பொதுவாக பின்வரும் compiler அமைப்புகளைப் பயன்படுத்த விரும்புவீர்கள்:

            {
  "compilerOptions": {
    "target": "ES5",
    "module": "UMD",
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true,
    "outDir": "dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}
            

              
                Copy
              
            
          

இந்த அமைப்புகள் உலாவி மற்றும் Node.js சூழல்களில் பயன்படுத்தக்கூடிய நூலகங்களை உருவாக்க ஏற்றவை. மேம்பட்ட டெவலப்பர் அனுபவத்திற்காக அவை அறிவிப்பு கோப்புகள் மற்றும் மூல வரைபடங்களை உருவாக்குகின்றன.

TSConfig நிர்வாகத்திற்கான சிறந்த நடைமுறைகள்

உங்கள் tsconfig.json கோப்புகளை நிர்வகிக்கும்போது மனதில் கொள்ள வேண்டிய சில சிறந்த நடைமுறைகள் இங்கே:

• அடிப்படை கட்டமைப்புடன் தொடங்கவும்: பொதுவான அமைப்புகளுடன் அடிப்படை tsconfig.json கோப்பை உருவாக்கி, பின்னர் extends விருப்பத்தைப் பயன்படுத்தி மற்ற திட்டங்களில் அதை விரிவாக்கவும்.
• கண்டிப்பான பயன்முறையைப் பயன்படுத்தவும்: சாத்தியமான பிழைகளைப் பிடிக்கவும், சிறந்த நடைமுறைகளை செயல்படுத்தவும் கண்டிப்பான பயன்முறையை இயக்கவும்.
• தொகுதி தீர்மானத்தை கட்டமைக்கவும்: இறக்குமதி பிழைகளைத் தவிர்க்க தொகுதி தீர்மானத்தை சரியாக கட்டமைக்கவும்.
• திட்ட குறிப்புகளைப் பயன்படுத்தவும்: திட்ட குறிப்புகளைப் பயன்படுத்தி உங்கள் குறியீட்டை சிறிய, நிர்வகிக்கக்கூடிய திட்டங்களாக கட்டமைக்கவும்.
• உங்கள் tsconfig.json கோப்பை புதுப்பித்த நிலையில் வைத்திருங்கள்: உங்கள் tsconfig.json கோப்பை தவறாமல் மதிப்பாய்வு செய்து, உங்கள் திட்டம் உருவாகும்போது அதை புதுப்பிக்கவும்.
• உங்கள் tsconfig.json கோப்பை பதிப்பு கட்டுப்பாடு செய்யவும்: உங்கள் மற்ற மூல குறியீட்டுடன் உங்கள் tsconfig.json கோப்பை பதிப்பு கட்டுப்படுத்தவும்.
• உங்கள் கட்டமைப்பை ஆவணப்படுத்தவும்: ஒவ்வொரு விருப்பத்தின் நோக்கத்தையும் விளக்க உங்கள் tsconfig.json கோப்பில் கருத்துகளைச் சேர்க்கவும்.

முடிவு: TypeScript கட்டமைப்பில் தேர்ச்சி பெறுதல்

TypeScript compiler ஐ கட்டமைக்கவும், உருவாக்க செயல்முறையை கட்டுப்படுத்தவும் tsconfig.json கோப்பு ஒரு சக்திவாய்ந்த கருவியாகும். கிடைக்கக்கூடிய விருப்பங்களைப் புரிந்துகொள்வதன் மூலமும் சிறந்த நடைமுறைகளைப் பின்பற்றுவதன் மூலமும், உகந்த செயல்திறன், பராமரிப்பு மற்றும் இணக்கத்தன்மைக்காக உங்கள் TypeScript திட்டங்களை நன்றாக மாற்றியமைக்கலாம். இந்த வழிகாட்டி tsconfig.json கோப்பில் கிடைக்கக்கூடிய மேம்பட்ட விருப்பங்களின் விரிவான கண்ணோட்டத்தை வழங்கியுள்ளது, இது உங்கள் TypeScript மேம்பாட்டு பணிப்பாய்வின் முழு கட்டுப்பாட்டையும் எடுக்க உங்களுக்கு அதிகாரம் அளிக்கிறது. மிகவும் புதுப்பித்த தகவல் மற்றும் வழிகாட்டுதலுக்காக எப்போதும் அதிகாரப்பூர்வ TypeScript ஆவணத்தை அணுகுவதை நினைவில் கொள்ளுங்கள். உங்கள் திட்டங்கள் உருவாகும்போது, இந்த சக்திவாய்ந்த கட்டமைப்பு கருவிகளைப் பற்றிய உங்கள் புரிதலும் பயன்பாடும் இருக்க வேண்டும். மகிழ்ச்சியான குறியீடாக்கம்!